import { Tabs } from "antd-mobile";
import type { Product } from "./GoodsDetail";
import "@/assets/css/commen.scss";
const tabItems = [
  { key: "all", title: "全部" },
  { key: "pending", title: "待付款" },
  { key: "shipped", title: "待收货" },
  { key: "completed", title: "已完成" },
];

export interface OrderProps {
  id: string;
  status: "all" | "pending" | "shipped" | "completed";
  total: number;
  createTime: string;
  goods: Product[];
}

export default function OrderList() {
  return (
    <div className="bg-gray-50 min-h-screen">
      <Tabs className="bg-white">
        {tabItems.map((item) => {
          return <Tabs.Tab title={item.title} key={item.key}></Tabs.Tab>;
        })}
      </Tabs>
    </div>
  );
}
